<template>
	<view class="content">
		<view class="title">
			<text>浏览记录</text>
			<text @click="close_fun">编辑</text>
		</view>
		<view class="list">
			<view class="list_top">
				<view class="u-icon_close">
					<u-icon style="float: right;" v-if="is_close" name="close-circle-fill" color="#ff3950" size="42"></u-icon>
				</view>
				<view class="list_top_name">
					刘德华
				</view>
				<view class="list_top_work">
					软件工程师
				</view>
				<view class="head_img">
					<u-image width="100rpx" height="100rpx" :src="src"></u-image>
				</view>
				
			</view>
			<view class="list_bottom">
				<view>
					拨打电话
				</view>
				<view>
					分享简历
				</view>
			</view>
		</view>
		<view class="list">
			<view class="list_top">
				<view class="u-icon_close">
					<u-icon style="float: right;" v-if="is_close" name="close-circle-fill" color="#ff3950" size="42"></u-icon>
				</view>
				<view class="list_top_name">
					刘德华
				</view>
				<view class="list_top_work">
					软件工程师
				</view>
				<view class="head_img">
					<u-image width="100rpx" height="100rpx" :src="src"></u-image>
				</view>
				
			</view>
			<view class="list_bottom">
				<view>
					拨打电话
				</view>
				<view>
					分享简历
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import isclose from '@/utils/center.js'
	export default {
		data() {
			return {
				is_close:false,
				src:'/static/pages_img/header_img.jpg'
			}
		},
		onLoad() {

		},
		methods: {
			close_fun(){
				var back_data = isclose.edit_close(this.is_close)
				this.is_close = back_data
				//console.log(back_data)
			}
		}
	}
</script>

<style lang="scss">
	.content {
		padding: 20rpx;
		padding-top: 40rpx;
		.title{
			width: 100%;
			height: 80rpx;
			color: #707070;
			text:first-child{
				font-size: 36rpx;
				font-weight: bold;
			}
			text:last-child{
				float: right;
			}
		}
		.list{
			width: 100%;
			height: 200rpx;
			border: 1rpx solid #EEEEEE;
			margin-bottom: 20rpx;
			.list_top{
				width: 100%;
				height: 140rpx;
				padding-left: 20rpx;
				.list_top_name{
					width: 100%;
					height: 80rpx;
					line-height: 80rpx;
					font-size: 36rpx;
					font-weight: bold;
				}
				.head_img{
					position: absolute;
					right: 40rpx;
					width: 100rpx;
					height: 100rpx;
					border-radius: 50%;
					background: #eee;
					margin-top: -100rpx;
					overflow: hidden;
				}
				.u-icon_close{
					position: absolute;
					right: 20rpx;
				}
			}
			.list_bottom{
				width: 100%;
				height: 59rpx;
				border-top: 1rpx solid #EEEEEE;
				display: flex;
				align-items: center;
				justify-content: center;
				view{
					width: 49%;
					height: 59rpx;
					float: left;
					text-align: center;
					line-height: 59rpx;
				}
				view:first-child{
					border-right: 1rpx solid #EEEEEE;
				}
			}
		}
	}

</style>
